<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>植物保护措施管理</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <header>
        <nav>
            <div class="logo">
                <img src="images/logo.png" alt="logo">
                <h1>植物保护管理系统</h1>
            </div>
            <ul class="nav-links">
                <li><a href="index.html">首页</a></li>
                <li><a href="plants.html">植物列表</a></li>
                <li><a href="treatment.html">保护措施</a></li>
                <li><a href="#statistics">数据统计</a></li>
            </ul>
        </nav>
    </header>

    <main>
        <div class="container">
            <div class="page-header">
                <h2>保护措施管理</h2>
                <button class="add-btn" onclick="addNewTreatment()">添加新保护措施</button>
            </div>

            <div class="featured-article">
                <a href="article-detail-1.html" class="article-link">
                    <h3>棉花苗期缺锌现象及解决的办法</h3>
                    <span class="read-more">点击查看详情 →</span>
                </a>
            </div>

            <div class="featured-article">
                <a href="article-detail-2.html" class="article-link">
                    <h3>对当前棉田老头苗、大小苗和草多的解决办法</h3>
                    <span class="read-more">点击查看详情 →</span>
                </a>
            </div>

            <div class="featured-article">
                <a href="article-detail-3.html" class="article-link">
                    <h3>掌握硼肥在棉花上应用的关键技术</h3>
                    <span class="read-more">点击查看详情 →</span>
                </a>
            </div>

            <div class="featured-article">
                <a href="article-detail-4.html" class="article-link">
                    <h3>谈谈杂交抗虫棉施肥和虫害问题</h3>
                    <span class="read-more">点击查看详情 →</span>
                </a>
            </div>

            <div class="featured-article">
                <a href="article-detail-5.html" class="article-link">
                    <h3>棉花高产技术-棉花精细化管理要点简析</h3>
                    <span class="read-more">点击查看详情 →</span>
                </a>
            </div>

            <div class="featured-article">
                <a href="article-detail-6.html" class="article-link">
                    <h3>复合肥价格里的10个猫腻，您知道几个？</h3>
                    <span class="read-more">点击查看详情 →</span>
                </a>
            </div>

            <div class="featured-article">
                <a href="article-detail-7.html" class="article-link">
                    <h3>棉花缺硼诊断及施肥技术</h3>
                    <span class="read-more">点击查看详情 →</span>
                </a>
            </div>

            <div class="featured-article">
                <a href="article-detail-8.html" class="article-link">
                    <h3>植物生长调节剂你了解多少？有哪些是促进生长的快来看看</h3>
                    <span class="read-more">点击查看详情 →</span>
                </a>
            </div>

            <div class="featured-article">
                <a href="article-detail-9.html" class="article-link">
                    <h3>牛奶当有机肥，号称能使作物增产翻倍，你信吗？别扯了！</h3>
                    <span class="read-more">点击查看详情 →</span>
                </a>
            </div>

            <div class="featured-article">
                <a href="article-detail-10.html" class="article-link">
                    <h3>棉农如何应对2025年景气象预测</h3>
                    <span class="read-more">点击查看详情 →</span>
                </a>
            </div>

            <div class="featured-article">
                <a href="article-detail-11.html" class="article-link">
                    <h3>谈谈8月份棉花膨桃施肥问题，你怎么看？</h3>
                    <span class="read-more">点击查看详情 →</span>
                </a>
            </div>

            <div class="featured-article">
                <a href="article-detail-12.html" class="article-link">
                    <h3>浅谈陆地棉杂种二代利用</h3>
                    <span class="read-more">点击查看详情 →</span>
                </a>
            </div>

            <div class="featured-article">
                <a href="article-detail-13.html" class="article-link">
                    <h3>如何提高棉花种植效益？你怎么看</h3>
                    <span class="read-more">点击查看详情 →</span>
                </a>
            </div>

            <div class="featured-article">
                <a href="article-detail-14.html" class="article-link">
                    <h3>施肥存在什么问题？如何解决？这些施肥现状、建议以及营养需求可要了解</h3>
                    <span class="read-more">点击查看详情 →</span>
                </a>
            </div>

            <div class="featured-article">
                <a href="article-detail-15.html" class="article-link">
                    <h3>棉花信息化种植管理对提高棉花品质的探讨</h3>
                    <span class="read-more">点击查看详情 →</span>
                </a>
            </div>

            <div class="featured-article">
                <a href="article-detail-16.html" class="article-link">
                    <h3>棉花全程机械化对棉花绩效成本和品质的影响</h3>
                    <span class="read-more">点击查看详情 →</span>
                </a>
            </div>

            <div class="featured-article">
                <a href="article-detail-17.html" class="article-link">
                    <h3>薄利多销，害惨多少农资店！开方卖药提供优质服务，应该获得丰厚收益！</h3>
                    <span class="read-more">点击查看详情 →</span>
                </a>
            </div>

            <div class="featured-article">
                <a href="article-detail-18.html" class="article-link">
                    <h3>你对棉花封顶控缩节胺使用怎么看？</h3>
                    <span class="read-more">点击查看详情 →</span>
                </a>
            </div>

            <div class="featured-article">
                <a href="article-detail-19.html" class="article-link">
                    <h3>棉花盖顶满桃的实现方法，你怎么看</h3>
                    <span class="read-more">点击查看详情 →</span>
                </a>
            </div>

            <div class="featured-article">
                <a href="article-detail-20.html" class="article-link">
                    <h3>盐碱地棉花高产配套技术</h3>
                    <span class="read-more">点击查看详情 →</span>
                </a>
            </div>

            <div class="featured-article">
                <a href="article-detail-21.html" class="article-link">
                    <h3>最全的大豆前期除草攻略</h3>
                    <span class="read-more">点击查看详情 →</span>
                </a>
            </div>

            <div class="featured-article">
                <a href="article-detail-22.html" class="article-link">
                    <h3>棉农如何选购2025年棉花种植品种</h3>
                    <span class="read-more">点击查看详情 →</span>
                </a>
            </div>

            <div class="featured-article">
                <a href="article-detail-23.html" class="article-link">
                    <h3>说说配方施药，提高药效作用</h3>
                    <span class="read-more">点击查看详情 →</span>
                </a>
            </div>

            <div class="featured-article">
                <a href="article-detail-24.html" class="article-link">
                    <h3>棉田化控误区！如何操作才能做到棉花高效化控</h3>
                    <span class="read-more">点击查看详情 →</span>
                </a>
            </div>

            <div class="featured-article">
                <a href="article-detail-25.html" class="article-link">
                    <h3>想在新疆地区养殖肉牛？这些技术要点你不能错过！</h3>
                    <span class="read-more">点击查看详情 →</span>
                </a>
            </div>

            <div class="featured-article">
                <a href="article-detail-26.html" class="article-link">
                    <h3>掌握锌肥在棉花上应用的关键技术</h3>
                    <span class="read-more">点击查看详情 →</span>
                </a>
            </div>

            <div class="featured-article">
                <a href="article-detail-27.html" class="article-link">
                    <h3>种植棉花是用硫酸钾还是用氯化钾，你知道吗？</h3>
                    <span class="read-more">点击查看详情 →</span>
                </a>
            </div>

            <div class="featured-article">
                <a href="article-detail-28.html" class="article-link">
                    <h3>新疆膜下滴灌棉田棉秆高效还田技术</h3>
                    <span class="read-more">点击查看详情 →</span>
                </a>
            </div>

            <div class="featured-article">
                <a href="article-detail-29.html" class="article-link">
                    <h3>棉花苗期缺锌现象及解决的办法</h3>
                    <span class="read-more">点击查看详情 →</span>
                </a>
            </div>

            <div class="featured-article">
                <a href="article-detail-30.html" class="article-link">
                    <h3>棉田杂草识别与防治</h3>
                    <span class="read-more">点击查看详情 →</span>
                </a>
            </div>

            <div class="featured-article">
                <a href="article-detail-31.html" class="article-link">
                    <h3>棉花缺乏中微量元素的特殊症状</h3>
                    <span class="read-more">点击查看详情 →</span>
                </a>
            </div>

            <div class="featured-article">
                <a href="article-detail-32.html" class="article-link">
                    <h3>棉花播种前的准备工作和播种时的注意事项</h3>
                    <span class="read-more">点击查看详情 →</span>
                </a>
            </div>

            <div class="featured-article">
                <a href="article-detail-33.html" class="article-link">
                    <h3>掌握棉花种植的6大技巧，棉花不高产都难</h3>
                    <span class="read-more">点击查看详情 →</span>
                </a>
            </div>

            <div class="featured-article">
                <a href="article-detail-34.html" class="article-link">
                    <h3>棉花属被子植物，生长过程有4种特性</h3>
                    <span class="read-more">点击查看详情 →</span>
                </a>
            </div>

            <div class="featured-article">
                <a href="article-detail-35.html" class="article-link">
                    <h3>水溶肥内幕深！国产和进口产品是真是假，一眼看穿</h3>
                    <span class="read-more">点击查看详情 →</span>
                </a>
            </div>

            <div class="featured-article">
                <a href="article-detail-36.html" class="article-link">
                    <h3>氮、磷、钾过量使用的后果</h3>
                    <span class="read-more">点击查看详情 →</span>
                </a>
            </div>

            <div class="featured-article">
                <a href="article-detail-37.html" class="article-link">
                    <h3>胺鲜酯在棉花上的应用技术要点</h3>
                    <span class="read-more">点击查看详情 →</span>
                </a>
            </div>

            <div class="featured-article">
                <a href="article-detail-38.html" class="article-link">
                    <h3>棉花怎么施肥？教你科学施肥方法，学会才能获得高产！</h3>
                    <span class="read-more">点击查看详情 →</span>
                </a>
            </div>

            <div class="featured-article">
                <a href="article-detail-39.html" class="article-link">
                    <h3>种植绝招：阿司匹林在花木和蔬菜大棚的应用</h3>
                    <span class="read-more">点击查看详情 →</span>
                </a>
            </div>

            <div class="featured-article">
                <a href="article-detail-40.html" class="article-link">
                    <h3>尿素、硫酸钾、腐殖酸是真是假？应该这样来判断！</h3>
                    <span class="read-more">点击查看详情 →</span>
                </a>
            </div>

            <div class="treatment-list" id="treatmentList">
                <!-- 保护措施列表将通过 JavaScript 动态加载 -->
            </div>
        </div>
    </main>

    <!-- 添加/编辑保护措施的弹窗 -->
    <div id="treatmentModal" class="modal">
        <div class="modal-content">
            <h2>添加/编辑保护措施</h2>
            <form id="treatmentForm">
                <div class="form-group">
                    <label for="plantSelect">选择植物：</label>
                    <select id="plantSelect" required>
                        <!-- 植物选项将通过 JavaScript 动态加载 -->
                    </select>
                </div>
                <div class="form-group">
                    <label for="treatmentType">问题类型：</label>
                    <select id="treatmentType" required>
                        <option value="disease">病害</option>
                        <option value="pest">虫害</option>
                        <option value="environment">环境问题</option>
                    </select>
                </div>
                <div class="form-group">
                    <label for="treatmentName">问题名称：</label>
                    <input type="text" id="treatmentName" required>
                </div>
                <div class="form-group">
                    <label for="symptoms">症状：</label>
                    <textarea id="symptoms" required></textarea>
                </div>
                <div class="form-group">
                    <label>解决方案：</label>
                    <div id="solutionInputs">
                        <input type="text" class="solution-input" required>
                        <button type="button" onclick="addSolutionInput()">+</button>
                    </div>
                </div>
                <div class="form-actions">
                    <button type="submit">保存</button>
                    <button type="button" onclick="closeModal()">取消</button>
                </div>
            </form>
        </div>
    </div>

    <script src="js/detail.js"></script>
    <script src="js/treatment.js"></script>
</body>
</html> 